{% extends "base.html" %} 
{% block content %} 
{% block navigation_primary %} 
	{% navigation_primary 'review' %} 
{% endblock navigation_primary %}

<div class="centre">
	<article>
		<header>
			<h1>{{ product.brand.name }}: {{ product.name }}</h1>
		</header>
		
		<p>{{ product.description }}</p>
	
		<section>
			<dl>
				<dt>Fat</dt>
				<dd>{{ product.nutrition.fat }}</dd>
			</dl>
			<dl>
				<dt>Protein</dt>
				<dd>{{ product.nutrition.protein }}</dd>
			</dl>
			<dl>
				<dt>Carbohydrate</dt>
				<dd>{{ product.nutrition.carbohydrate }}</dd>
			</dl>
			<dl>
				<dt>Sodium</dt>
				<dd>{{ product.nutrition.sodium }}</dd>
			</dl>
			
		</section> 
	</article>
	
	<section>
		<ul>
			{% for review in product.reviews %}
			<li>
				<article>
					<header>
						<h5>Performance: {{ review.rating_performance }}</h5>
						<h5>Taste: {{ review.rating_taste }}</h5>
						<h5>Value: {{ review.rating_value }}</h5>
						<h5>Overall: {{ review.rating_overall }}</h5>
					</header>
					<p>{{ review.body|safe }}</p>
				</article>
			</li>
			{% endfor %}
		</ul>
	</section>
</div>

<div class="sidebar">
	{% sidebar_product %}
</div>

<div class="clear">

</div>


{% endblock %}
